<template>
  <sar-space direction="vertical" size="large">
    <sar-space justify="evenly">
      <sar-cool-icon shape="oval" background="#ffa726" color="#fff">
        <sar-icon family="demo-icons" name="skype-fill" />
      </sar-cool-icon>

      <sar-cool-icon shape="oval" background="#892fe8" color="#fff">
        <sar-icon family="demo-icons" name="spotify-fill" />
      </sar-cool-icon>

      <sar-cool-icon
        shape="oval"
        background="linear-gradient(45deg,#00d1ff,#69ff97)"
        color="#fff"
      >
        <sar-icon family="demo-icons" name="paypal-fill" />
      </sar-cool-icon>

      <sar-cool-icon
        shape="oval"
        background="linear-gradient(45deg,#ff3181,#ff8331)"
        color="#fff"
      >
        <sar-icon family="demo-icons" name="youtube-fill" />
      </sar-cool-icon>
    </sar-space>

    <sar-space justify="evenly">
      <sar-cool-icon shape="oval" background="#ffedd4" color="#ffa726">
        <sar-icon family="demo-icons" name="skype-fill" />
      </sar-cool-icon>

      <sar-cool-icon shape="oval" background="#e7d5fa" color="#892fe8">
        <sar-icon family="demo-icons" name="spotify-fill" />
      </sar-cool-icon>

      <sar-cool-icon shape="oval" background="#d6f4fa" color="#31c9e8">
        <sar-icon family="demo-icons" name="paypal-fill" />
      </sar-cool-icon>

      <sar-cool-icon shape="oval" background="#fad5e8" color="#e72f8c">
        <sar-icon family="demo-icons" name="youtube-fill" />
      </sar-cool-icon>
    </sar-space>
  </sar-space>
</template>
